import commonVars from './_common';
import { buttonLight } from '../../button/styles';
import { commonLight } from '../../_styles/common';
import { createTheme } from '../../_mixins';
export const self = (vars) => {
    const { textColor1, textColor2, modalColor, closeColor, closeColorHover, closeColorPressed, infoColor, successColor, warningColor, errorColor, primaryColor, dividerColor, borderRadius, fontWeightStrong, lineHeight, fontSize } = vars;
    return Object.assign(Object.assign({}, commonVars), { fontSize,
        lineHeight, border: `1px solid ${dividerColor}`, titleTextColor: textColor1, textColor: textColor2, color: modalColor, closeColor: closeColor, closeColorHover: closeColorHover, closeColorPressed: closeColorPressed, iconColor: primaryColor, iconColorInfo: infoColor, iconColorSuccess: successColor, iconColorWarning: warningColor, iconColorError: errorColor, borderRadius, titleFontWeight: fontWeightStrong });
};
const dialogLight = createTheme({
    name: 'Dialog',
    common: commonLight,
    peers: {
        Button: buttonLight
    },
    self
});
export default dialogLight;
